<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

		<title>商品详情</title>

		<link href="/home/AmazeUI-2.4.2/assets/css/admin.css" rel="stylesheet" type="text/css" />
		<link href="/home/AmazeUI-2.4.2/assets/css/amazeui.css" rel="stylesheet" type="text/css" />
		<link href="/home/basic/css/demo.css" rel="stylesheet" type="text/css" />
		<link type="text/css" href="/home/css/optstyle.css" rel="stylesheet" />
		<link type="text/css" href="/home/css/style.css" rel="stylesheet" />

		<script type="text/javascript" src="/home/basic/js/jquery-1.7.min.js"></script>
		<script type="text/javascript" src="/home/basic/js/quick_links.js"></script>

		<script type="text/javascript" src="/home/AmazeUI-2.4.2/assets/js/amazeui.js"></script>
		<script type="text/javascript" src="/home/js/jquery.imagezoom.min.js"></script>
		<script type="text/javascript" src="/home/js/jquery.flexslider.js"></script>
		<script type="text/javascript" src="/home/js/list.js"></script>

	</head>

	<body>


		<!--顶部导航条 -->
		<div class="am-container header">
			<ul class="message-l">
					<?php
						if(Auth::check()){
							$user = Auth::user();
					?>
							<div class="topMessage">
							<div class="menu-hd">
								<a href="/auth/login" target="_top" class="h" style="color:blue">尊敬的{{$info -> nickName}}欢迎回家!&nbsp;&nbsp;&nbsp;</a>
								<a href="/auth/logout" target="_top" style="color:red">注销</a>
							</div>
						</div>
					<?php 
						}else{
					?>
						<div class="topMessage">
							<div class="menu-hd">
								<a href="/auth/login" target="_top" class="h" style="color:blue">亲，请登录&nbsp;&nbsp;&nbsp;</a>
								<a href="/auth/register" target="_top" style="color:red">免费注册</a>
							</div>
						</div>
					<?php
						}	
					?>
					
				</ul>
				<ul class="message-r">
					<div class="topMessage home">
						<div class="menu-hd"><a href="/" target="_top" class="h">商城首页</a></div>
					</div>
					<div class="topMessage my-shangcheng">
						<div class="menu-hd MyShangcheng"><a href="/person" target="_top"><i class="am-icon-user am-icon-fw"></i>个人中心</a></div>
					</div>
					<div class="topMessage mini-cart">
						<div class="menu-hd"><a id="mc-menu-hd" href="/cart" target="_top"><i class="am-icon-shopping-cart  am-icon-fw"></i><span>购物车</span><strong id="J_MiniCartNum" class="h"></strong></a></div>
					</div>
					<div class="topMessage favorite">
						<div class="menu-hd"><a href="/person/collection" target="_top"><i class="am-icon-heart am-icon-fw"></i><span>收藏夹</span></a>
					</div>
				</ul>
			</div>

			<!--悬浮搜索框-->

			<div class="nav white">
				<div class="logo"><img src="/home/images/logo.png" /></div>
				<div class="logoBig">
					<li><img src="/home/images/logobig.png" /></li>
				</div>
				<div class="search-bar pr">
					<a name="index_none_header_sysc" href="#"></a>
					<form action="/search" method="get">
						<input id="searchInput" name="keywords" type="text" value="{{$data->keywords or ''}}" placeholder="搜索" autocomplete="off">
						<input id="ai-topsearch" class="submit am-btn" value="搜索" index="1" type="submit">
					</form>
				</div>
			</div>

			<div class="clear"></div>
            <b class="line"></b>
			<div class="listMain">

				<!--分类-->
			<div class="nav-table">
					   <div class="long-title"><span class="all-goods">全部分类</span></div>
					   <div class="nav-cont">
							<ul>
								<li class="index"><a href="/">首页</a></li>
								@foreach($cates as $v)
					            	@if($v->pid =='0')
					           		<li class="qc"><a href="/list/?cid={{$v->id}}">{{$v->name}}</a></li>
					           		@endif					          
					           	@endforeach
							</ul>
						    <div class="nav-extra">
						    	<a href="/apply/index">
							    	<i class="am-icon-user-secret am-icon-md nav-user"></i><b></b>商家入驻
							    	<i class="am-icon-angle-right" style="padding-left: 10px;"></i>
							    </a>
						    </div>
						</div>
			</div>
				<ol class="am-breadcrumb am-breadcrumb-slash">
					<!-- <li><a href="#">首页</a></li>
					<li><a href="#">分类</a></li>
					<li class="am-active">内容</li> -->
				</ol>
				<script type="text/javascript">
					$(function() {});
					$(window).load(function() {
						$('.flexslider').flexslider({
							animation: "slide",
							start: function(slider) {
								$('body').removeClass('loading');
							}
						});
					});
				</script>
				<div class="scoll">
					<section class="slider">
						<div class="flexslider">
							<ul class="slides">
								<li>
									<img src="/home/images/01.jpg" title="pic" />
								</li>
								<li>
									<img src="/home/images/02.jpg" />
								</li>
								<li>
									<img src="/home/images/03.jpg" />
								</li>
							</ul>
						</div>
					</section>
				</div>

				<!--放大镜-->

				<div class="item-inform">
					<div class="clearfixLeft" id="clearcontent">

						<div class="box">
							<script type="text/javascript">
								$(document).ready(function() {
									$(".jqzoom").imagezoom();
									$("#thumblist li a").click(function() {
										$(this).parents("li").addClass("tb-selected").siblings().removeClass("tb-selected");
										$(".jqzoom").attr('src', $(this).find("img").attr("mid"));
										$(".jqzoom").attr('rel', $(this).find("img").attr("big"));
									});
								});
							</script>

							<div class="tb-booth tb-pic tb-s310">
								<a href="{{$detail->cover}}"><img src="{{$detail->cover}}" alt="细节展示放大镜特效" rel="{{$detail->cover}}" class="jqzoom" /></a>
							</div>
							<ul class="tb-thumb" id="thumblist">
								<li class="tb-selected">
									<div class="tb-pic tb-s40">
										<a href="#"><img src="{{$detail->cover}}" mid="{{$detail->cover}}" big="{{$detail->cover}}"></a>
									</div>
								</li>
								@foreach($goods_imgs as $k=>$v)
								<li class="tb-selected">
									<div class="tb-pic tb-s40">
										<a href="#"><img src="{{$v->path}}" mid="{{$v->path}}" big="{{$v->path}}"></a>
									</div>
								</li>
								@endforeach
							</ul>
						</div>

						<div class="clear"></div>
					</div>

					<div class="clearfixRight">

						<!--规格属性-->
						<!--名称-->
						<div class="tb-detail-hd">
							<h1>{{$detail->spname}}</h1>
						</div>
						<div class="tb-detail-list">
							<!--价格-->
							<div class="tb-detail-price">
								<li class="price iteminfo_price">
									<dt>促销价</dt>
									<dd><em>¥</em><b class="sys_item_price">{{$detail->price}}</b></dd>
								</li>
								<!---
								<li class="price iteminfo_mktprice">
									<dt>原价</dt>
									<dd><em>¥</em><b class="sys_item_mktprice">98.00</b></dd>					
								</li>
								-->
								<div class="clear"></div>
							</div>
							<div class="clear"></div>

							<!--销量-->
							<ul class="tm-ind-panel">

								<li>
									<div class="tm-indcon">
										<span class="tm-label">　品牌</span>
										<span class="tm-count">{{$detail->name}}</span>
									</div>
								</li>
								
							</ul>
							<ul class="tm-ind-panel">

								<li>
									<div class="tm-indcon">
										<span class="tm-label">　店铺</span>
										<span class="tm-count">{{$dianpu->nickname}} (<a href="/home/shop/index/{{$dianpu->id}}" target="_blank">点击进入</a>)</span>
									</div>
								</li>
								
							</ul>
							<div class="clear"></div>

							<!--各种规格-->
							<dl class="iteminfo_parameter sys_item_specpara">
								<dt class="theme-login"><div class="cart-title">可选规格<span class="am-icon-angle-right"></span></div></dt>
								<dd>
									<!--操作页面-->

									<div class="theme-popover-mask"></div>

									<div class="theme-popover">
										<div class="theme-span"></div>
										<div class="theme-poptit">
											<a href="javascript:;" title="关闭" class="close">×</a>
										</div>
										<div class="theme-popbod dform">
											<form class="theme-signin" name="loginform" action="" method="post">

												<div class="theme-signin-left">

													<div class="theme-options">
														<div class="cart-title">颜色</div>
														<ul>
															@foreach($attr['color'] as $k=>$v)
															<li class="sku-line">{{$v}}<i></i></li>
															@endforeach
														</ul>
													</div>
													<div class="theme-options">
														<div class="cart-title">规格</div>
														<ul>
															@foreach($attr['shuxing'] as $k=>$v)
															<li class="sku-line">{{$v}}<i></i></li>
															@endforeach
														</ul>
													</div>

													<div class="theme-options">
														<div class="cart-title number">数量</div>
														<dd>
															
															<input id="text_box" name="" type="text" value="1" style="width:30px;" />
															<span id="Stock" class="tb-hidden">库存<span class="stock">{{$detail->count}}</span>件</span>
														</dd>

													</div>
													<div class="clear"></div>

													<div class="btn-op">
														<div class="btn am-btn am-btn-warning">确认</div>
														<div class="btn close am-btn am-btn-warning">取消</div>
													</div>
												</div>
												

											</form>
										</div>
									</div>

								</dd>
							</dl>
							<div class="clear"></div>
							<!--活动	-->
							<div class="shopPromotion gold">
								<div class="hot">
									<dt class="tb-metatit">店铺优惠</dt>
									<div class="gold-list">
										<p>
											购物满2件打8折，满3件7折
											<!--<span>点击领券<i class="am-icon-sort-down"></i></span>-->
										</p>
									</div>
								</div>
								<div class="clear"></div>
								<div class="coupon">
									<dt class="tb-metatit">优惠券</dt>
									<div class="gold-list">
										<ul>
											<li>125减5</li>
											<li>198减10</li>
											<li>298减20</li>
										</ul>
									</div>
								</div>
							</div>
						</div>

						<div class="pay">
							<div class="pay-opt">
							<a href="home.html"><span class="am-icon-home am-icon-fw">首页</span></a>
							<a><span class="am-icon-heart am-icon-fw">收藏</span></a>
							
							</div>
							<li>
							<form action="/pay" method="get"> 
								<div class="clearfix tb-btn tb-btn-buy theme-login">
									<input type="hidden" name="gid" value="{{$id}}">
									<input type="hidden" name="num" value="1" id="numm">
									<button type="submit" style="width:98px;border:1px solid #F03726;background-color: #FFEDED;height:30px;">立即购买</button>
								</div>
							</form>
							</li>
							<li>
								<div class="clearfix tb-btn tb-btn-basket theme-login">
									<a id="LikBasket" title="加入购物车" href="/join/{{$id}}"><i></i>加入购物车</a>
								</div>
							</li>
						</div>

					</div>

					<div class="clear"></div>

				</div>
				<script type="text/javascript">
					$('#text_box').blur(function(){
						var v = $(this).val();
						$('#numm').val(v);
					});
				</script>

				<!--优惠套装-->
				<div class="match">					
					<div class="match-comment">
						<hr />
					</div>
				</div>
				<div class="clear"></div>
				
							
				<!-- introduce-->

				<div class="introduce">
					<div class="browse">
					    <div class="mc"> 
						     <ul>					    
						     	<div class="mt">            
						            <h2>为你推荐</h2>        
					            </div>
						     	
							    @foreach($goods as $k => $v) 
							    <li>
							      	<div class="p-img">                    
							      		<a  href="/detail/{{$v->id}}"> <img class="" src="{{$v->cover}}" width="195" height="195"> </a>               
							      	</div>
							      	<div class="p-name"><a href="/detail/{{$v->id}}">
							      		{{$v->spname}}
							      	</a>
							      	</div>
							      	<div class="p-price"><strong>￥{{$v->price}}</strong></div>
							    </li>
								@endforeach	     				      
					      
						     </ul>					
					    </div>
					</div>
					<div class="introduceMain">
						<div class="am-tabs" data-am-tabs>
							<ul class="am-avg-sm-3 am-tabs-nav am-nav am-nav-tabs">
								<li class="am-active">
									<a href="#">

										<span class="index-needs-dt-txt">宝贝详情</span></a>

								</li>
								
							</ul>

							<div class="am-tabs-bd">

								<div class="am-tab-panel am-fade am-in am-active">				
									<div class="details">										
										<div class="twlistNews">
											{!!$detail->content!!}
										</div>
									</div>
									<div class="clear"></div>
								</div>

							</div>

						</div>

						<div class="clear"></div>

						<div class="footer ">
					        <div class="footer-hd ">
					            <p>
					            @foreach($cates as $k=>$v)
					                <a href="/list/?cid={{$v->id}}">{{$v->name}}</a>
					                <b>|</b>
					            @endforeach  
					            </p>
					        </div>
					        <div class="footer-bd ">
					            <p>
					                <a href="/">返回首页</a>
					                
					                <em>© 2017-2027 179php.com 版权所有</em>
					            </p>
					        </div>
					    </div>

				</div>
			</div>
			<!--菜单 -->
			<div class=tip>
			<div id="sidebar">
				<div id="wrap">
					<div id="prof" class="item ">
						<a href="/person">
							<span class="setting "></span>
						</a>						
					</div>
					<div id="shopCart " class="item ">
						<a href="/cart">
							<span class="message "></span><br>
							<p>
							购物车
							</p>
						</a>
						
					</div>					

					<div id="brand " class="item ">
						<a href="/person/collection">
							<span class="wdsc "><img src="/home/images/wdsc.png " /></span>
						</a>
						<div class="mp_tooltip ">
							我的收藏
							<i class="icon_arrow_right_black "></i>
						</div>
					</div>
					<div class="quick_toggle ">
						<li class="qtitem ">
							<a href="# "><span class="kfzx "></span></a>
							<div class="mp_tooltip ">客服中心<i class="icon_arrow_right_black "></i></div>
						</li>
						<!--二维码 -->
						<li class="qtitem ">
							<a href="#none "><span class="mpbtn_qrcode "></span></a>
							<div class="mp_qrcode " style="display:none; "><img src="/home/images/weixin_code_145.png " /><i class="icon_arrow_white "></i></div>
						</li>
						<li class="qtitem ">
							<a href="#top " class="return_top "><span class="top "></span></a>
						</li>
					</div>

					<!--回到顶部 -->
					<div id="quick_links_pop " class="quick_links_pop hide "></div>

				</div>

			</div>

		</div>

	</body>

</html>